<template>
	<view class="sqModTit spaceBet" :class="[fixedFlag ? 'fixed' : '']">
		<view class="alignCen">
			<view class="title">{{title}}<text>{{specTit}}</text>{{endTit}}</view>
			<view class="smTxt">{{smTit}}</view>
		</view>
		<view class="otherCon" v-if="$slots.otherCon">
			<slot name="otherCon"></slot>
		</view>
		<view class="more" @tap="handleMore" v-if="needMore">更多</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:String,
			specTit:String,
			smTit:String,
			endTit:String,
			fixedFlag:Boolean,//所在导航是否存在fixed 课程
			needMore:{
				type:Boolean,
				default:false
			}
		},
		methods:{
			handleMore(){
				this.$emit('handleMore');
			}
		}
	}
</script>

<style src="@/static/fonts/hxbnst.css"></style>
<style lang="scss" scoped>
	.sqModTit{
		height: 80rpx;
		.title{
			color: $sq-main0;
			font-family: 'hxbnst';
			font-size: 34rpx;
			text{
				color: $pss-sq-red;
			}
		}
		.smTxt{
			color: $pss-sq-red;
			font-size: 26rpx;
			margin-left: 30rpx;
		}
		.more{
			font-size: 26rpx;
			line-height: 80rpx;
			color: $sq-main8;
			padding-left: 60rpx;
		}
		.otherCon{
			flex: 1;
		}
		&.fixed{
			height: 100rpx;
			.title{
				margin-left: 30rpx;
			}
			.otherCon{
				margin-right: 30rpx;
			}
		}
	}
</style>